<!DOCTYPE html>
<html lang="en">
<head>
    <link href="static/css/BigData.css" rel="stylesheet" type="text/css" />
    <link href="static/css/index.css" rel="stylesheet" type="text/css" />
    <link href="static/css/index01.css" rel="stylesheet" type="text/css" />
    <script src="static/js/jquery.js"></script>
    <link href="static/js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="static/js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
    <link href="static/css/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="static/js/artDialog/skins/default.css" type="text/css"/>
    <script src="static/js/laydate.js"></script>
    <script src="static/js/Home_page.js"></script>
    <meta charset="UTF-8">
    <title>数据展示</title>

    <style>
        .data_bodey {
            width: 100%;
            height: 100%;
            background-image: url("static/img/bg.jpg");
            background-size: 100% 100%;
            position: absolute;
        },
        .inner{
            height: 100%;
        },
        .dataAllBorder02 {
            margin: 30px;
        },
        .index_nav ul .l_left .total_chose_fr .nav_active {
            margin-left: 46%
        },
        .index_nav ul li{
            margin-left: 46%;font-size: 1.2em;color: #fff;opacity: 0.8;padding-top:8px;padding-left:10px;padding-right:10px;padding-bottom:5px;cursor: pointer;text-shadow:0 6px 8px #00225b
        }
    </style>
</head>

<body >
<div class="data_bodey">
    <div class="index_nav" >
        <ul style="height: 30px; margin-bottom: 0px;">
            <li class="l_left total_chose_fr nav_active" style="font-size: 16px">{{ cities }}——{{ jobs }}</li>
        </ul>
        <div class="total_chose_box" style="display: none;">
            <div style="height: 20px;"></div>

        </div>
        <div class="clear"></div>
    </div>
    <div class="index_tabs" >
        <!--安防运作-->
        <div class="inner" style="height: 109%;">

            <div class="left_cage">
                <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 44%;">{{ industry }}</div>
                <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 50%;">
                    <div class="dataAllBorder02 video_cage">{{ salary }}</div>
                </div>
            </div>

            <div class="center_cage">
                <div class="dataAllBorder01 cage_cl" style="margin-top: 3.5% !important; height: 94%; position: relative;">
                    <div class="dataAllBorder02" style="position: relative; overflow: hidden;">
                        <!--标题栏-->
                        <div class="map_title_box" style="height: 6%">
                            <div class="map_title">地区分布</div>
                        </div>
                        <div class="map" id="map"  >{{ map }}</div>
                    </div>
                </div>


            </div>

            <div class="right_cage">
                <!--顶部切换位置-->
                <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 94%">{{ education }}</div>
            </div>
        </div>
    </div>
</div>

</body>
</html>



























